/* ============================================================
   ЕГЭ Налегке — ВИДЕОКВИЗ, стили
   (интерактивные вопросы поверх видеоурока)
   Версия 1.0 (29.08.2026)

   КУДА: в тему GetCourse, вкладка CSS. Один раз на аккаунт.

   ⚠️ Первое правило — самое важное: блок с вопросами прячется.
   Если его не спрятать, ученик увидит и вопросы, и правильные
   ответы прямо на странице урока. Движок дополнительно прячет
   его скриптом, но CSS срабатывает раньше и надёжнее.
   ============================================================ */

/* ── блок с вопросами: ученик его видеть не должен ── */
.enl-videoquiz-data{display:none!important}

.enl-vq-wrap{
  position:relative!important;
  overflow:hidden!important;
}

.enl-vq-wrap:fullscreen{
  width:100%;
  height:100%;
  padding:0!important;
}

.enl-vq-wrap:fullscreen iframe{
  width:100%;
  height:100%;
}

.enl-vq{
  position:absolute;
  inset:0;
  z-index:100;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  font-family:'Raleway',Arial,sans-serif;
  color:#292929;
  background:linear-gradient(rgba(29,29,29,.72),rgba(29,29,29,.86));
  opacity:0;
  visibility:hidden;
  transition:opacity .25s ease,visibility .25s ease;
}

.enl-vq--on{
  opacity:1;
  visibility:visible;
}

.enl-vq-card{
  width:min(720px,100%);
  max-height:calc(100% - 16px);
  overflow-y:auto;
  padding:16px 18px;
  background:#FDFCF3;
  border:1px solid rgba(41,41,41,.12);
  border-radius:24px;
  box-shadow:0 24px 70px rgba(0,0,0,.3);
  transform:translateY(10px) scale(.98);
  transition:transform .25s ease;
}

.enl-vq--on .enl-vq-card{
  transform:none;
}

.enl-vq-screen{
  animation:enl-vq-in .25s ease;
}

@keyframes enl-vq-in{
  from{
    opacity:0;
    transform:translateY(7px);
  }
}

.enl-vq-label{
  display:inline-flex;
  margin:0 0 8px;
  padding:6px 11px;
  font-size:12px;
  font-weight:600;
  line-height:1.2;
  letter-spacing:.02em;
  background:#DDDD84;
  border-radius:999px;
}

.enl-vq-title{
  margin:0 0 10px;
  font-family:'Defectica','Raleway',Arial,sans-serif;
  font-size:clamp(23px,2.4vw,30px);
  font-weight:400;
  line-height:1.06;
}

.enl-vq-question{
  margin:0 0 16px;
  font-size:16px;
  font-weight:600;
  line-height:1.4;
}

.enl-vq-answers{
  display:grid;
  gap:8px;
}

.enl-vq-answer{
  width:100%;
  margin:0;
  padding:11px 14px;
  font-family:'Raleway',Arial,sans-serif;
  font-size:14px;
  font-weight:600;
  line-height:1.35;
  text-align:left;
  color:#292929;
  background:#fff;
  border:1px solid rgba(41,41,41,.14);
  border-radius:12px;
  cursor:pointer;
  transition:transform .18s ease,border-color .18s ease;
}

@media (hover:hover){

}

.enl-vq-head{
  display:flex;
  align-items:center;
  gap:12px;
  margin:0 0 12px;
}

.enl-vq-mark{
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  width:34px;
  height:34px;
  font-size:19px;
  font-weight:700;
  line-height:1;
  border-radius:50%;
}

.enl-vq-mark--ok{
  color:#292929;
  background:#DDDD84;
}

.enl-vq-mark--no{
  color:#B01513;
  background:#FED9DE;
}

.enl-vq-verdict{
  margin:0;
  font-family:'Defectica','Raleway',Arial,sans-serif;
  font-size:clamp(24px,2.6vw,32px);
  font-weight:400;
  line-height:1;
}

.enl-vq-yours,
.enl-vq-right{
  margin:0 0 8px;
  padding:8px 12px;
  font-size:14px;
  line-height:1.35;
  border-radius:11px;
}

.enl-vq-yours{
  background:#FED9DE;
}

.enl-vq-right{
  background:rgba(221,221,132,.55);
}

.enl-vq-cap{
  display:block;
  margin-bottom:2px;
  font-size:11px;
  font-weight:600;
  opacity:.72;
}

.enl-vq-val{
  display:block;
  font-size:14px;
  font-weight:600;
}

.enl-vq-explain{
  margin:0;
  font-size:13.5px;
  line-height:1.45;
}

.enl-vq-continue{
  display:block;
  width:100%;
  margin:12px 0 0;
  padding:10px 18px;
  font-family:inherit;
  font-size:15px;
  font-weight:600;
  line-height:1.3;
  color:#fff;
  background:#B01513;
  border:0;
  border-radius:13px;
  cursor:pointer;
  transition:transform .18s ease;
}

@media (hover:hover){

}

.enl-vq-bar{
  display:flex;
  align-items:center;
  gap:10px;
  margin:10px 0 0;
  font-family:'Raleway',Arial,sans-serif;
  font-size:14px;
  color:#292929;
}

.enl-vq-switch{
  position:relative;
  flex:0 0 auto;
  width:44px;
  height:26px;
  cursor:pointer;
}

.enl-vq-switch input{
  position:absolute;
  opacity:0;
  width:100%;
  height:100%;
  margin:0;
  cursor:pointer;
  z-index:2;
}

.enl-vq-track{
  position:absolute;
  inset:0;
  background:#D9D6CC;
  border-radius:999px;
  transition:background .2s ease;
}

.enl-vq-knob{
  position:absolute;
  top:3px;
  left:3px;
  width:20px;
  height:20px;
  background:#fff;
  border-radius:50%;
  box-shadow:0 1px 3px rgba(0,0,0,.25);
  transition:transform .2s ease;
}

.enl-vq-switch input:checked ~ .enl-vq-track{
  background:#999D1B;
}

.enl-vq-switch input:checked ~ .enl-vq-knob{
  transform:translateX(18px);
}

.enl-vq-bar-text b{
  font-weight:600;
}

.enl-vq-bar-note{
  display:block;
  font-size:12px;
  opacity:.65;
}

.enl-vq-check{
  margin:12px 0 0;
  padding:14px 16px;
  font-family:'Raleway',Arial,sans-serif;
  font-size:14px;
  color:#292929;
  background:#FDFCF3;
  border:1px dashed #C9C5B4;
  border-radius:14px;
}

.enl-vq-check-head{
  margin:0 0 10px;
  font-weight:600;
}

.enl-vq-check-row{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:7px 0;
  border-top:1px solid rgba(41,41,41,.08);
}

.enl-vq-check-row:first-of-type{
  border-top:0;
}

.enl-vq-check-sign{
  flex:0 0 auto;
  width:18px;
  text-align:center;
  font-weight:700;
}

.enl-vq-check-sign--ok{
  color:#7A7E15;
}

.enl-vq-check-sign--no{
  color:#B01513;
}

.enl-vq-check-time{
  flex:0 0 auto;
  width:56px;
  font-weight:600;
  font-variant-numeric:tabular-nums;
}

.enl-vq-check-text{
  flex:1;
  min-width:0;
  line-height:1.35;
}

.enl-vq-check-why{
  display:block;
  margin-top:2px;
  color:#B01513;
  font-size:13px;
}

.enl-vq-check-go{
  flex:0 0 auto;
  padding:5px 11px;
  font-family:inherit;
  font-size:13px;
  font-weight:600;
  color:#292929;
  background:#DDDD84;
  border:0;
  border-radius:9px;
  cursor:pointer;
}

.enl-vq-check-note{
  margin:10px 0 0;
  font-size:12px;
  opacity:.65;
  line-height:1.4;
}

.enl-vq-ask{
  position:fixed;
  inset:0;
  z-index:2147483000;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  font-family:'Raleway',Arial,sans-serif;
  color:#292929;
  background:rgba(29,29,29,.72);
}

.enl-vq-ask-card{
  width:min(460px,100%);
  padding:22px 24px;
  background:#FDFCF3;
  border-radius:22px;
  box-shadow:0 24px 70px rgba(0,0,0,.35);
}

.enl-vq-ask-title{
  margin:0 0 10px;
  font-family:'Defectica','Raleway',Arial,sans-serif;
  font-size:26px;
  font-weight:400;
  line-height:1.08;
}

.enl-vq-ask-text{
  margin:0 0 18px;
  font-size:14px;
  line-height:1.45;
}

.enl-vq-ask-btns{
  display:grid;
  gap:9px;
}

.enl-vq-ask-btn{
  width:100%;
  padding:11px 16px;
  font-family:inherit;
  font-size:14px;
  font-weight:600;
  line-height:1.3;
  text-align:left;
  border-radius:12px;
  cursor:pointer;
  border:1px solid transparent;
}

.enl-vq-ask-btn--main{
  color:#fff;
  background:#B01513;
}

.enl-vq-ask-btn--alt{
  color:#292929;
  background:#fff;
  border-color:rgba(41,41,41,.16);
}

.enl-vq-ask-hint{
  display:block;
  margin-top:2px;
  font-size:12px;
  font-weight:400;
  opacity:.7;
}